<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <textarea id="txt"></textarea>
    <input type="button" value="发送" id="btn">
    <div id="msg"></div>
</body>
<script>
    // 7. 字符串过滤 - 敏感词过滤

    var otxt = document.getElementById("txt")
    var obtn = document.getElementById("btn")
    var omsg = document.getElementById("msg")

    var arr = ["你好", "abc", "哈哈", "q"];

    
    obtn.onclick = function(){
        // 获取要操作的字符
        var str = otxt.value;
        // 准备保存要创建正则的字符
        var r = "";
        // 遍历敏感词库
        for(var i=0;i<arr.length;i++){
            // console.log(arr[i])
            // 准备拼接成正则格式的字符
            r += "("+ arr[i] +")|";
        }
        // 创建正则
        var reg = new RegExp("("+r.slice(0,-1)+")+", "gi");
        
        console.log(reg);
        // 替换后，覆盖原字符
        str = str.replace(reg, "***");
        // 设置到指定区域
        omsg.innerHTML = str;
    }




</script>
</html>